<template>
  <div>
    <h1>App</h1>
    <!-- 
      在vue2中，v-model给组件绑定做两件事：
        1. 绑定value属性
        2. 绑定input自定义事件
     -->
    <Child v-model="count" />
    <!-- 
      $event 
        简单理解：event对象
        真正理解：代表事件回调函数第一个参数

        @click="$event" $event -> event对象：click事件回调函数第一个参数就是event对象
        @xxx="$event" 绑定自定义事件，$event是触发事件传入第一个参数
     -->
    <!-- <Child :value="count" @input="count = $event" /> -->
  </div>
</template>

<script>
import Child from "./Child.vue";

export default {
  name: "App",
  components: {
    Child,
  },
  data() {
    return {
      count: 0,
    };
  },
};
</script>

<style></style>
